<div>
	<!-- TITLE -->
	<div class="panel panel-primary text-center">
		<div class="panel-heading">
			<div ng-if ="sinister != null && sinister.id == null">
				<label class="font-160"><span class="glyphicon glyphicon-plus"></span> {{'sinisterDeclaration' | translate}}</label>
			</div>
			<div ng-if ="sinister != null && sinister.id != null">
				<span class="main-title">{{'sinister'| translate}} {{sinister.number}} - </span>
				<span class="main-title"><em>{{'SinisterState.'+sinister.state | translate}}</em></span>
			</div>
		</div>
	</div>
	
	<!-- ALLOWED ACTIONS -->
	<div action-list ng-model="sinister" config="config" message="message"></div>
	
	<!-- ALERTS -->
	<div message-error-panel ng-model="message" auto-close="false"></div>
	
	<!-- CONTRACT INFO -->
	<div sinsiter-tabs ng-model="sinister" config="config"></div>
	
	<!-- SAVE CHANGES -->
	<div class="center">
		<button ng-if="config.actions.modify" class="btn btn-primary" ng-click="save()" ng-disabled="isLoading"><span ng-class="{'glyphicon glyphicon-refresh spin' : isLoading}"></span> {{ (isLoading ? 'saving' : 'save') | translate}}</button>
		<div ng-if="!config.actions.modify" back-button></div>
	</div>
	
	<pre ng-if="false">Model : {{sinister | json}}</pre>
</div>